<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title></title>
	
	<link rel="stylesheet" href="global.css"/>
</head>

<body>
	<div id="topContent">
		<div id="logo">&nbsp;</div>
		
		<div id="loginForm">
			<form method="post">
			<table>
				<tr>
					<td>Username :</td>
					<td><input type="text" name="username" placeholder="Entrez votre nom d'utilisateur" required/></td>
				</tr>
				<tr>
					<td>Mot de passe :</td>
					<td><input type="password" name="pwd" placeholder="Entrez votre mot de passe" required/></td>
				</tr>
				<tr>
					<td></td>
					<td><input type="submit" name="buttonForm" value="Connexion"/></td>
				</tr>
				
			</table>
			</form>
		</div>
		<ul>
			<li><a href="index.html">ACCUEIL</a></li>
			<li><a href="profil.html">PROFIL</a></li>
			<li><a href="messages.html">MESSAGES</a></li>
			<li><a href="messalles.html">MES SALLES</a></li>
		</ul>
	</div>
	
	<div id="leftMenu">
		<div id="links">
			<table>
				<tr>
					<td><a href="messages.html"><img src="images/message.png"/></a></td>
					<td><a href="groups.html"><img src="images/groups.png"/></a></td>
					<td><a href="favoris.html"><img src="images/star.png"/></a></td>
				</tr>
			</table>
		</div>
		<div id="arrow">&nbsp;</div>
		<div class="content">
			<div class="rubrique">
				<h3><img src="images/star.png"/>Top des salles<span class="toggleHide">&nbsp;</span></h3>
				<ul>
					<li><a href="">Salle 1</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 2</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 3</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 4</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 5</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 6</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 7</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 8</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 9</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 10</a><span class="auteur"> par <a href="">Djib</a></span></li>
				</ul>
			</div>
			<div class="rubrique">
				<h3><img src="images/star.png"/>Post les plus aimés<span class="toggleHide">&nbsp;</span></h3>
				<ul>
					<li><a href="">Salle 1</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 2</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 3</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 4</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 5</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 6</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 7</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 8</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 9</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 10</a><span class="auteur"> par <a href="">Djib</a></span></li>
				</ul>
			</div>
			<div class="rubrique">
				<h3><img src="images/star.png"/>Utilisateurs connectés :<span class="toggleHide">&nbsp;</span></h3>
				<ul>
					<li><a href="">Salle 1</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 2</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 3</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 4</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 5</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 6</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 7</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 8</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 9</a><span class="auteur"> par <a href="">Djib</a></span></li>
					<li><a href="">Salle 10</a><span class="auteur"> par <a href="">Djib</a></span></li>
				</ul>
			</div>
		</div>
		
	</div>
	
	<div id="mainContent">
		<div class="content">
			<div class="presentation">
				<div class="presentation1">
					<ul>
						<li><img src="images/star.png" alt=""/> Partagez tout ce que vous voulez avec vos amis</li>
						<li><img src="images/groups.png" alt=""/> Créez vos propres groupes de discussion et inviter des amis</li>
						<li><img src="images/salle.png" alt=""/> Créez une salle de discussion et inviter vos groupes</li>
						<li><img src="images/message.png" alt=""/> Envoyer des messages privés à vos amis</li>
					</ul>
				</div>
				<div class="presentation2">
					<input type="button" name="signup" value="S'inscrire!"/>
					<div class="fleche">&nbsp;</div>
				</div>
			
			</div>
			
			<h3>DERNI&Egrave;RES SALLES CR&Eacute;&Eacute;ES :</h3>
			<div class="salle">
				<img src="images/salle.png" alt="" title="Salle"/><h4><a href="">RATTRAPAGE RN :</a></h4>
				<span class="theme"><a href="">CSS</a></span><span class="theme"><a href="">PHP</a></span>
				<span class="favoris">Public<img src="images/groups.png" alt="" title=""/></span>
				<p>
					Voici le texte de la salle de discussion RATTRAPAGE RN.
				</p>
				<p><span class="auteur">dernier message le 12/03/2011 par Gaetan</span></p>
			</div>
			
			<div class="salle">
				<img src="images/salle.png" alt="" title="Salle"/><h4><a href="">PROGRAMMATION EN C :</a></h4>
				<span class="theme"><a href="">Programmation</a></span><span class="theme"><a href="">C</a></span>
				<span class="favoris">Privé<img src="images/groups.png" alt="" title=""/></span>
				<p>
					Voici le texte de la salle de discussion PROGRAMMATION EN C. Voici le texte de la salle de discussion PROGRAMMATION EN C.
					Voici le texte de la salle de discussion PROGRAMMATION EN C.Voici le texte de la salle de discussion PROGRAMMATION EN C.
				</p>
				<p><span class="auteur">dernier message le 12/03/2011 par Djib</span></p>
			</div>
			
		</div>
	</div>
	

</body>
</html>

